<template>
    <div class="card-container" id="quality-model">
        <a-tabs :defaultActiveKey="1" type="card" v-model="tabKey" @change="tabChange">
              <a-tab-pane tab="质量规则" :key="1">
                <quality-rule></quality-rule>
              </a-tab-pane>
              <a-tab-pane tab="校验计划" :key="2">
                <check-plan></check-plan>
              </a-tab-pane>
        </a-tabs>
    </div>
</template>

<script>

  import '@/assets/less/TableExpand.less'
  import { mixinDevice } from '@/utils/mixin'
  import QualityRule from './modules/QualityRule'
  import CheckPlan from './modules/CheckPlan'
  export default {
    name: "qualityModel",
    mixins:[mixinDevice],
    components: {
        QualityRule,
        CheckPlan
    },
    data () {
      return {
          tabKey:1
      }
    },
    created() {
    },
    computed: {
    },
    methods: {
        tabChange(){

        }
    }
  }
</script>
<style scoped>
  @import '~@assets/less/common.less';
</style>
<style lang="less" scoped>
.card-container {
  background: #f5f5f5;
  overflow: hidden;
  padding: 0px !important;
}
.card-container > .ant-tabs-card > .ant-tabs-content > .ant-tabs-tabpane {
  background:#fff;
}
</style>